body {
    max-width: 1920px;
    background: url(" //news.youth.cn/images/2019528bjimg.png") no-repeat center 770px;
}


.hd_top {
    width: 100%;
    border-top: 5px solid #38a548;
    background: #f7f7f7;
    height: 40px;
    border-bottom: 1px solid #e5e5e5;

}
.hd_top1 {
    width: 1000px;
    height: 5px;
    background: url(//news.youth.cn/images/youth_sjy_01.jpg) no-repeat;
    margin: -5px auto;
}
.hd_top_box {
    width: 1000px;
    height: 40px;
    margin: 0 auto;
    line-height: 45px;
    text-align: left;

  font-size: 12px;
    color: #666666;
}
.hd_top_box a {
    padding: 0 10px;
    font-size: 12px;
    color: #666666;
    font-family: "Microsoft Yahei",helvetica,arial,sans-serif;
    word-wrap: break-word;
}
.view .hot-j-tab ul .red {
    color: #c7343f;
    position: relative;
}
.red::after {
    content: "";
    width: 9px;
    height: 15px;
    background: url("//news.youth.cn/images/2019528jt.png") no-repeat;
    position: absolute;
    right: -2px;
    top: 25px;
}
.header {
    height: 121px;
        overflow: hidden;
}
.header .w {
    position: relative;
}
.header .w>img {
    position: absolute;
    right: -160px;
}
.header-l {
    float: left;
    margin-right: 36px;
}
.header-l img {
    margin-top: 22px;
}
.header-c {
    
    float: left;
    
}

.boat {
    position: absolute;
    right: -250px;
    top: 80px;
    animation: Moves 10s linear infinite;
    animation-fill-mode: forwards;
}

@keyframes Moves {
     0% {
         transform: translate(0,0);
         
     }
     70% {
         transform: translate(-400px,0);
        
     }
     100% {
         
         transform: translate(-500px,-10px);
     }
}
.header-c img {
    margin-top: 38px;
    animation: Widths 2s;
}
.nav {
    width: 100%;
    height: 42px;
    background-color: #b28850;
    line-height: 42px;
    margin-bottom: 20px;
}
.nav ul {
    margin-left: 30px;
}
.nav ul li {
    float: left;
    margin-right: 8px;
}
.nav ul li a {
    color: #fff;
    font-size: 16px;
    padding: 10px 12px;
    text-decoration: none;
}
.nav ul li a:hover {
    background: #8f5304;
}
.container {
    position: relative;
    z-index: 999;
    background: #fff;
}
.banner {
    margin-bottom: 20px;
}
.main {
    margin-bottom: 40px;
}
.main-left {
    float: left;
    width: 710px;
}

.main-left .hot-j {
    padding-bottom: 20px;
    border-bottom: 1px solid #b5b5b5;
    margin-bottom: 20px;
}
.hot-j-tab {
    float: left;
    width: 133px;
}
.hot-j-tab h4 {
    height: 40px;
    background-color: #8f5304;
    color: #fff;
    padding-left: 50px;
    font-size: 16px;
    line-height: 40px;
}
.hot-j-tab ul {
    width: 131px;
    border: 1px solid #b28850;
    border-top: none;
    border-bottom: none;
}
.hot-j-tab ul li {
   height: 49px;
   padding-top: 12px;
    border-bottom: 1px solid #b28850;
    font-size: 13px;
    color: #8c8b8b;
}
.hot-j-tab ul li span {
    margin-left: 47px;
    display: block;
}
.hot-j-tab ul li p {
    margin: 0px 5px;
    text-align: center;
}
.hot-j-img {
    width: 559px;
    height: 350px;
    float: right;
}
.hot-j-img ul {
    position: relative;
}
.hot-j-img ul li {
    display: none;
    height: 350px;
    position: absolute;
}
.hot-j-img ul li img {
    width: 100%;
    height: 100%;
}
.hot-j-img ul li:first-child {
    display: block;
}
.hot-j-img ul li p {
    background: rgba(0, 0, 0, .6);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
    position: absolute;
    bottom: 0;
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    display: none;
    padding: 11px 45px 7px 22px;
}
.hot-j-img ul li p a {
    color: #fff;
}

.fy-china-title {
    margin-bottom: 12px;
}
.fy-china-l {
    float: left;
    width: 344px;
}
.fy-china-img {
   height: 193px;
   position: relative;
   overflow: hidden;
   margin-bottom: 20px;
}
.fy-china-img img,.fy-school-content ul li img {
    transition: all 1s;
}
.fy-china-img img:hover,.fy-china-rImg img:hover,.fy-school-content ul li img:hover{
    transform: scale(1.4);
}
.fy-china-l>div:last-child {
    margin-bottom: 0;
}
.fy-china-img h4,.fy-china-rImg h4,.fy-sj-l h4,.fy-school-content ul li h4 {
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 30px;
    padding-left: 10px;
    font-size: 14px;
    background: rgba(0, 0, 0, .6);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
    box-sizing: border-box;
    line-height: 30px;
}
.fy-china-img h4 a,.fy-china-rImg h4 a,.fy-sj-l h4 a,.fy-school-content ul li a  {
    color: #fff;
}
.fy-china-r {
    width: 344px;
    float: right;
}
.fy-china-rImg {
    width: 100%;
    height: 404px;
    position: relative;
    overflow: hidden;
 }
 .fy-china-rImg img {
     transition: all 1s;
 }
 .gg {
     margin: 20px 0;
 }
 .fy-sj-title {
     margin-bottom: 10px;
 }
 .fy-sj-content {
     width: 709px;
     padding: 21px 10px 24px 24px;
     background: #eeeeee;
     box-sizing: border-box;
 }
 .fy-sj-l {
     width: 427px;
     height: 239px;
     float: left;
     position: relative;
 }
 .fy-sj-r {
     width: 222px;
     float: right;
 }
 .fy-sj-r-text h4{
    font-size: 16px;
    color: #363636;
    margin-bottom: 10px;
    font-weight: 700;
 }
 .fy-sj-r-text p  {
     line-height: 26px;
 }
 .fy-sj-r-text p a {
     color: #a9732c;
 }
 .fy-sj-r-texts {
     margin-top: 20px;
 }
 .fy-school-title {
     margin-bottom: 10px;
     margin-top: 20px;
 }
 .fy-school-content ul {
     margin-left: -20px;
 }
 .fy-school-content ul li {
     float: left;
     width: 222px;
     height: 126px;
     position: relative;
     margin-left: 20px;
     margin-bottom: 20px;
     overflow: hidden;
 }
 .fy-school-content ul li:nth-child(3n){
     margin-right: 0;
 }
 .fy-school-content ul li:nth-last-child(-n+3){
     margin-bottom: 0;
 }
 
 .main-right {
     background-color: #b28850;
     float: right;
     padding: 0 10px;
     width: 250px;
     padding-bottom: 20px;
 }
 
 .news-fy h4,.dj-ch h4,.fy-sd h4 {
     color: #fff;
     font-size: 16px;
     margin-top: 15px;
     margin-bottom: 10px;
 }
 .news-fy-content {
     width: 250px;
     background-color: #fff;
     text-align: center;
     padding-top: 10px;
 }
 .news-fy-box h3 {
     font-size: 14px;
    margin-top: 10px;
    padding-bottom: 7px;
     color: #363636;
 }

 .dj-ch-content,.fy-sd-content {
     background: #fff;
padding: 10px 8px 16px 8px;
 }
 .dj-ch-content h3 {
     font-size: 14px;
     text-align: center;
     width: fit-content;
     padding: 0px 8px;
     height: 29px;
     line-height: 29px;
     background:#ba0412;
     margin: 0 auto;
     color: #fff;
     margin-bottom: 20px;
 }
 .dj-ch-content h2 {
     font-size: 14px;
     margin-top: 13px;
     margin-bottom: 16px;
     font-weight: 700;
 }
 .dj-ch-content p {
     line-height: 26px;
     color: #363636;
 }
 .fy-sd-content {
     padding-top: 8px;
     padding-bottom: 23px;
 }
 .fy-sd-content ul li {
     margin-left: 10px;
     line-height: 36px;
     border-bottom: 1px dashed #666666;
     margin-right: 27px;
     position: relative;
 }
 .fy-sd-content ul li img {
     margin-top: 5px;
     float: left;
     margin-right: 10px;
 }
 .fy-sd-content ul .mb {
     border: none;
 }
 /* .fy-sd-content ul li::before{
    content: "1";
    width: 23px;
    height: 23px;
    background-color: #a1b0b8;
    text-align: center;
    line-height: 23px;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    left: -32px;
    top: 7px;
 }
 .fy-sd-content ul li:nth-child(1)::before {
     background-color: #ba0412;
 }
 .fy-sd-content ul li:nth-child(2)::before{
     content: "2";
     background-color: #eb750d;
 }
 .fy-sd-content ul li:nth-child(3)::before{
    content: "3";
    background-color: #facd89;
}
.fy-sd-content ul li:nth-child(4)::before{
    content: "4";
}
.fy-sd-content ul li:nth-child(5)::before{
    content: "5";
}
.fy-sd-content ul li:nth-child(6)::before{
    content: "6";
}
.fy-sd-content ul li:nth-child(7)::before{
    content: "7";
}
.fy-sd-content ul li:last-child {
    border: none;
} */

.youth-link {
    width: 100%;
    padding: 10px 0px;
    background-color: #b28850;
    margin: 25px 0px;
    float: left;
}

.youth-link-con {
    width: 1000px;
    margin: 0 auto;
}
.f_end, .f_end li {
    width: 100%;
    float: left;
}
.f_end li {
    padding-left: 0px;
}

.f_end, .f_end li {
    width: 100%;
    float: left;
}

.f_end li span {
    width: 75px;
    color: #fff;
 font-size: 16px;
    text-align: center;
    float: left;
    padding: 0px 0px 1px 3px;
}
.youth-link-con a {
    color: #fff;
    font-size: 14px;
        margin: 0px 3px;
}
.youth-copyright {
    width: 800px;
    margin: 20px auto;
        color: #666666;
    font-size: 14px;
    text-align: left;
    line-height: 32px;
}
.youth-copyright center {
    margin: 5px 0px;
}
.youth-copyright center a {
    color: #666;
}
@keyframes Widths {
      0% {
        width: 0;
        height: 49px;
        opacity: 0;
      }
      60% {
        width: 388px;
        height: 49px;
        opacity: 1;
      }
      70% {
          opacity: 0.6;
      }
      80% {
          opacity: 1;
      }
      90% {
          opacity: 0.6;
      }
      100% {
          opacity: 1;
      }

}